<div class="box">
  <h3><%= link_to_function "#{@subordinados.count+@pares.count+@superiores.count} Cargos Relacionados","$('#content-cargos-relacionados').toggle();",:class=>'button' %></h3>
  <div id="content-cargos-relacionados" style="display: none">
    <h4>Cargos Dependientes</h4>
    <% unless @subordinados.empty? -%>
      <ul>
        <% @subordinados.each do |cargo| -%>
          <li><%= boton cargo.nombre,cargo_path(cargo)%></li>
        <% end -%>
      </ul>
    <% else -%>
      <p>Ninguno</p>
    <% end -%>
    <h4>Cargos Pares</h4>
    <% unless @pares.empty? -%>
      <ul>
        <% @pares.each do |cargo| -%>
          <% unless @cargo == cargo %>
            <li><%= boton cargo.nombre,cargo_path(cargo)%></li>
          <% else %>
            <li><%= @cargo.nombre %></li>
          <% end -%>
        <% end -%>
      </ul>
    <% else -%>
      <p>Ninguno</p>
    <% end -%>
    <h4>Cargos Superiores</h4>
    <% unless @superiores.empty? -%>
      <ul>
        <% @superiores.each do |cargo| -%>
          <li><%= boton cargo.nombre,cargo_path(cargo)%></li>
        <% end -%>
      </ul>
    <% else -%>
      <p>Ninguno</p>
    <% end -%>
    <h4>Cargo para autoevaluacion</h4>
    <% if @cargo.autoevaluacion?  %>
      <ul>
        <li><%= @cargo.nombre %></li>
      </ul>
    <% else %>
      <p>Ninguno</p>
    <% end %>
  </div>
</div>